<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Tetris</title>
    <link rel="stylesheet" type="text/css" href="css/tetris.css" />
</head>

<body>
    <audio id="audio_move" src="music/move.mp3" preload="auto"></audio>
    <audio id="audio_collision" src="music/collision.mp3" preload="auto"></audio>
    <audio id="audio_gameover" src="music/gameover.mp3" preload="auto"></audio>
    <audio id="audio_score" src="music/cash.mp3" preload="auto"></audio>
    <audio id="audio_pop" src="music/pop.ogg" preload="auto"></audio>
    <div class="wrap">
        <canvas id="tetris" width="300" height="600"></canvas>
        <div class="rightBlock">
            <canvas id="block" width="120" height="120"></canvas>
            <br />
            <br />
            <label>SPEED:</label>
            <br />
            <input type="TEXT" readonly="readonly" id="speedShow" value="1" />
            <br />
            <br />
            <label>LEVELS:</label>
            <br />
            <input type="TEXT" readonly="readonly" id="levelShow" value="0" />
            <br />
            <br />
            <label>SCORES:</label>
            <br />
            <input type="TEXT" readonly="readonly" id="scoreShow" value="0" />
            <br />
            <br />
            <input type="checkbox" id="autoPlay" disabled="disabled"><label>Auto Play</label>
            <br />
            <input type="checkbox" id="audioOpen" disabled="disabled"><label>Audio Open</label>
            <br />
            <br />
            <br />
            <br />
            <button id="playControl"> 开 始 </button>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="js/constant.js"></script>
<script type="text/javascript" src="js/block.js"></script>
<script type="text/javascript" src="js/tetris.js"></script>
<script type="text/javascript" src="js/tetest.js"></script>
<script type="text/javascript" src="index.js"></script>